import React from "react"
import ColorPiker from "./components/colorPiker/colorPiker";
import Todo from "./components/todo/todo.jsx"
import Website from "./components/Website/Website.jsx"
import Hero from "./components/Hero/Hero.jsx"
// import Proxy from "./components/Proxy/Proxy.jsx"
import QQy from "./pages/QQy/QQy";
import Pokemon from "./components/Pokemon/Pokemon"
import Ow from "./components/Ow/Ow"

import { Route, Link } from 'react-router-dom'

import "./App.css"

class App extends React.Component {
    render() {
        return <div>
            <div className="alist">
                <Link to="/todo">任务列表</Link>
                <Link to="/website">网址管理</Link>
                <Link to="/hero">英雄列表</Link>
                <Link to="/ColorPiker">取色练习</Link>
                <Link to="/QQy">三级菜单</Link>
                <Link to="/Pokemon">获取pokemon列表</Link>
                <Link to="/Ow">获取OW英雄列表</Link>

            </div>
            <Route path="/todo" component={Todo} />
            <Route path="/website" component={Website} />
            <Route path="/hero" component={Hero} />
            <Route path="/ColorPiker" component={ColorPiker} />
            <Route path="/QQy" component={QQy} />
            <Route path="/Pokemon" component={Pokemon} />
            <Route path="/Ow" component={Ow} />
        </div>

    }
}

export default App;